<template> 
<view class="shopping">
	    <view class="status_bar" :style="{ height: iStatusBarHeight + 'px'}">
	            <!-- 这里是状态栏 -->
		</view>
		<search-header></search-header>
	
	
		<shopping-banner></shopping-banner>

		<shopping-water-fall></shopping-water-fall>

</view>
</template>

<script setup>
	import  SearchHeader from './components/SearchHeader/SearchHeader.vue'
	import ShoppingBanner from './components/ShoppingBanner/ShoppingBanner.vue'
	import ShoppingWaterFall from './components/ShoppingWaterFall/ShoppingWaterFall.vue'
	import { onLoad } from '@dcloudio/uni-app'
	import { ref } from 'vue'
	const iStatusBarHeight = ref(0)
	onLoad(()=>{
		iStatusBarHeight.value = uni.getSystemInfoSync().statusBarHeight;
	})
</script>

<style lang="scss" scoped>
.shopping{
	display: flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
}


</style>
